<!DOCTYPE html>
<html>
<head>
	<title>{$name}·微信忆书</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	<meta name="referrer" content="never">
	<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/normalize.css" type="text/css">
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/list.css">
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/tipdisapply.css">
	<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/common.css?v={$WST_V}">
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/base.css">
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/style.css">
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/neirong.css">
	<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/list.js"></script>
	<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/qrjs2.min.js"></script>
	<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jisuan.js">

	</script>
	<include file="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/common_js.html" />
	<style type="text/css">
		.main{
			width:9.46666rem;
			margin:0 auto;

		}
		.mainImg img{
			 height: auto;
		 }
		.yellow {
			background: #FFB105;
			width: 9.466667rem;
			height: 1.466667rem;
			box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
			margin:0 auto;
			margin-top: 0.266667rem;
			position: relative;
		}
		.lookTime {
			width: 3.866667rem;
			height: 0.426667rem;
			position: absolute;
			top:50%;
			left:50%;
			margin-left: -1.73333rem;
			margin-top: -0.21333rem;
		}
		.look_time {
			width: auto;
			height: 0.426667rem;
			font-size: 0.346667rem;
			color: #FFFFFF;
			letter-spacing: 0.8px;
			float: left;
		}
		.text{
			letter-spacing:5px;
		}
		.down {
			width: 0.373333rem;
			height: 0.373333rem;
			float: left;
			margin-left: 0.26rem;
		}
		.main{
			left:0;
		}
		.mainImg{
			position: absolute;
			top:0;
			left:0;
		}
		.none{
			display: none;
		}
		.duoImg{
			width:32%;
			margin-left:2%;
			float: left;
		}
		.duoImg:nth-of-type(1),
		.duoImg:nth-of-type(2),
		.duoImg:nth-of-type(3),
		.duoImg:nth-of-type(4),
		.duoImg:nth-of-type(5)
		{
			margin-left:0;
		}
		/*.duoImg img{
			height:3.466667rem;
			height:2.666667rem;
		}*/
		.article{
			margin:0 0 3% 0;
			/*line-height: 9.333333rem;*/
			/*height:350px;*/
		}

		.one_time{
			width:40%;
			height:2.666667rem;
			word-wrap: break-word;
			writing-mode:tb-rl;
			text-overflow:ellipsis;
		}
		.right{
			float: right;
		}
		.one_chaImg{
			width:auto;
			height:auto;
		}
		.chaImg {
			/*display: flex;*/
			/*flex-wrap:wrap;*/
		}
		.duoImg{
			width:100%;
			/*height:auto;*/
			max-height:6.933333rem;
		}
		.one_duoImg{
			width:49%;
		}
		.two_duoImg{
			width: 32%;
		}
		.one_container{
			width:auto;
			height:auto;
		}
		.ulLeft{
			width: auto;
			padding:15px;

		}
		.article {
			height: 15.866667rem;
			width:49%;
			float: left;
			margin-left:2%;
		}
		.ulLeft>div:nth-of-type(1){
			margin-left:0;
		}
		.chaye{
			height:510px;
			overflow: hidden;
		}
		.chayeImg{
			height:auto;
		}
		.mainImg{
			height:auto;
		}
		.Main{
			width: 9.46666rem;
			margin:0 auto;

			height:auto;
			background:#fff;
			margin-top:10px;
			box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
		}
		.Main_main{
			 width:auto;
			 height:13.6rem;
			 /*height:435px;*/
			 padding-left:0.93333rem;
			 padding-right:0.93333rem;
			 padding-top:0.48rem;
			 background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/pbStyle/line_odd_1.png) no-repeat;
			 background-size: 100% 100%;
		 }
		 .Main_main1{
			 width:auto;
			 height:13.6rem;
			 /*height:435px;*/
			 padding-left:0.93333rem;
			 padding-right:0.93333rem;
			 padding-top:0.48rem;
			 background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/pbStyle/line_even_1.png) no-repeat;
			 background-size: 100% 100%;
		 }
		 .Main_main2{
			 width:auto;
			 height:13.6rem;
			 /*height:435px;*/
			 padding-left:0.93333rem;
			 padding-right:0.93333rem;
			 padding-top:0.48rem;
			 background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/pbStyle/fun_odd_3.png) no-repeat;
			 background-size: 100% 100%;
		 }
		 .Main_main3{
			 width:auto;
			 height:13.6rem;
			 /*height:435px;*/
			 padding-left:0.93333rem;
			 padding-right:0.93333rem;
			 padding-top:0.48rem;
			 background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/pbStyle/fun_even_3.png) no-repeat;
			 background-size: 100% 100%;
		 }
		 .Main_main4{
			 width:auto;
			 height:13.6rem;
			 /*height:435px;*/
			 padding-left:0.93333rem;
			 padding-right:0.93333rem;
			 padding-top:0.48rem;
			 background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/pbStyle/natural_odd_4.png) no-repeat;
			 background-size: 100% 100%;
		 }
		 .Main_main5{
			 width:auto;
			 height:13.6rem;
			 /*height:435px;*/
			 padding-left:0.93333rem;
			 padding-right:0.93333rem;
			 padding-top:0.48rem;
			 background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/pbStyle/natural_even_4.png) no-repeat;
			 background-size: 100% 100%;
		 }
		.Main_main6{
			width:auto;
			height:13.6rem;
			/*height:435px;*/
			padding-left:0.93333rem;
			padding-right:0.93333rem;
			padding-top:0.48rem;
			background-size: 100% 100%;
		}
		.chaye{
			margin-top:0;
		}
		.riqi{
			width:100%;
			height:0.373333rem;
			border-bottom:1px solid #979797;
			/*font-family: 104-CAI978;*/
			font-size: 9px;
			color: #000000;
		}
		.Main_center{
			margin-top:0.346667rem;
			width:100%;
			height:auto;
			overflow: hidden;
		}
		.Main_left,.Main_right{
			width:3.68rem;
			/*height:12.266667rem;*/
			height:406px;
			float: left;
		}
		.Main_right{
			margin-left:0.213333rem;
		}
		.Main_week{
			width:100%;
			/*height:0.533333rem;*/
			height:20px;
			color:#fff;
			font-size: 0.18666rem;
		}
		.Main_text{
			width:100%;
			height:auto;
			padding-top:5px;
			padding-bottom:5px;
			font-family: PingFangSC-Regular;
			font-size: 9px;
			color: #000000;
		}
		.week_left,.week_right{
			width:50%;
			height:100%;
			position: relative;
		}
		.week_right{
			color: #63E0CE;
			height:0.32rem;
			margin-top:0.213333rem;
			text-align: right;
		}
		.day,.week_time{
			position: absolute;
			top:1px;
			left:0.74rem;
		}
		.week_time{
			top:0.246667rem;
			left:3px;
		}
		.Main_shu{
			width:100%;
			height:4.853333rem;
			overflow: hidden;
			margin-top: 0.213333rem;
		}
		.Main_heng{
			width: 100%;
			height:2.613333rem;
			overflow: hidden;
			margin-top:0.213333rem;
		}
		.auto{
			width:100%;
			height: auto;

		}
		.di_text{
			font-size: 8px;
			color: #000000;
			width:100%;
			height:auto;
			text-align: center;
			padding-top:0.133333rem;
		}

		.time{
			width:100%;
		}
		.time_num{
			width:auto;
			padding-left:0.453333rem;
			padding-right:0.453333rem;
		}
		.time_num ul{
			overflow: hidden;
		}
		.month{
			width:1.466667rem;
			height:0.88rem;
			line-height: 0.88rem;
			font-size:0.373333rem;
		}
		.list_text_top {
			height:1.6rem;
		}
		.list_text{
			height:auto;
		}
		.text_list h5{
			font-size: 0.48rem;
			padding-top:0.533333rem;
		}
		.text_img{
			left:8.4rem;
		}
		.time_num::-webkit-scrollbar{width:0px;}
		.feng{
			width:1.866667rem;
			height:1.2rem;
			background:#86E2D5;
			color:#fff;
			border-radius: 8px;
			line-height: 1.2rem;
			text-align: center;
			padding-left:0;
			margin-left:0.453333rem;
			font-size: 0.48rem;
		}
		.main_container{
			width:100%;
			height:100%;
		}
		.wst-modal-content{
			margin-left: 3.213333rem;
		}

	</style>
</head>
<body>
<div class="container">
	<div class="list_time">
		<div class="list_time_center">
			<div class="list_top">
				<div class="list_text">
					<div class="list_text_top clear">
						<div class="text_list"><h5>目录</h5></div>
						<div class="text_img"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_close_icon.png" style="width:1.6rem;height:1.6rem;"></div>
					</div>
					<div class="feng" onclick="wxbook(this)">封面</div>
				</div>
				<div class="time">
					<div class="time_num">
						<foreach name="year" item="v" key="k">
							<if condition="$k eq 0"><ul class="clear">
								<h4 class="year">{$v.year}</h4>
								<if condition="in_array($v['year'].'-01',$hrr)"><li class="month" id="{$v.year}-01">1月</li></if>
								<if condition="in_array($v['year'].'-02',$hrr)"><li class="month" id="{$v.year}-02">2月</li></if>
								<if condition="in_array($v['year'].'-03',$hrr)"><li class="month" id="{$v.year}-03">3月</li></if>
								<if condition="in_array($v['year'].'-04',$hrr)"><li class="month" id="{$v.year}-04">4月</li></if>
								<if condition="in_array($v['year'].'-05',$hrr)"><li class="month" id="{$v.year}-05">5月</li></if>
								<if condition="in_array($v['year'].'-06',$hrr)"><li class="month" id="{$v.year}-06">6月</li></if>
								<if condition="in_array($v['year'].'-07',$hrr)"><li class="month" id="{$v.year}-07">7月</li></if>
								<if condition="in_array($v['year'].'-08',$hrr)"><li class="month" id="{$v.year}-08">8月</li></if>
								<if condition="in_array($v['year'].'-09',$hrr)"><li class="month" id="{$v.year}-09">9月</li></if>
								<if condition="in_array($v['year'].'-10',$hrr)"><li class="month" id="{$v.year}-10">10月</li></if>
								<if condition="in_array($v['year'].'-11',$hrr)"><li class="month" id="{$v.year}-11">11月</li></if>
								<if condition="in_array($v['year'].'-12',$hrr)"><li class="month" id="{$v.year}-12">12月</li></if>
							</ul><else/>
								<ul class="clear">
									<h4 class="year">{$v.year}</h4>
									<if condition="in_array($v['year'].'-01',$hrr)"><li class="month" id="{$v.year}-01">1月</li></if>
									<if condition="in_array($v['year'].'-02',$hrr)"><li class="month" id="{$v.year}-02">2月</li></if>
									<if condition="in_array($v['year'].'-03',$hrr)"><li class="month" id="{$v.year}-03">3月</li></if>
									<if condition="in_array($v['year'].'-04',$hrr)"><li class="month" id="{$v.year}-04">4月</li></if>
									<if condition="in_array($v['year'].'-05',$hrr)"><li class="month" id="{$v.year}-05">5月</li></if>
									<if condition="in_array($v['year'].'-06',$hrr)"><li class="month" id="{$v.year}-06">6月</li></if>
									<if condition="in_array($v['year'].'-07',$hrr)"><li class="month" id="{$v.year}-07">7月</li></if>
									<if condition="in_array($v['year'].'-08',$hrr)"><li class="month" id="{$v.year}-08">8月</li></if>
									<if condition="in_array($v['year'].'-09',$hrr)"><li class="month" id="{$v.year}-09">9月</li></if>
									<if condition="in_array($v['year'].'-10',$hrr)"><li class="month" id="{$v.year}-10">10月</li></if>
									<if condition="in_array($v['year'].'-11',$hrr)"><li class="month" id="{$v.year}-11">11月</li></if>
									<if condition="in_array($v['year'].'-12',$hrr)"><li class="month" id="{$v.year}-12">12月</li></if>
								</ul>
							</if></foreach>
					</div>
				</div>
			</div>
			<div class="list_bot">
			</div>
		</div>
	</div>
	<div class="center_container">
		<div class="center_zhao">
			<div class="edit_container">
			</div>
			<div class="list_container">
				<div class="list-top">
					<div class="no">
						<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_close_icon.png" style="width:1.28rem;height:1.28rem">
					</div>
					<div class="icon_top">
						<ul style="margin-bottom:0.533333rem;">
							<li><a href="" style="font-size: 0.426667rem;color: #828282;">内容编辑</a></li>
							<li onclick="edit()"><a><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_modify_the_content_icon.png"><strong>修改内容</strong>
							</a>
							</li>
							<li onclick="recover()"><a><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_restore_content_icon.png"><strong>恢复内容</strong>
							</a>
							</li>
							<li onclick="add()"><a><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_to_add_on_icon.png"><strong>补充内容</strong>
							</a>
							</li>
							<li onclick="choose()"><a><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_choose_the_year_icon.png"><strong>选择月年</strong>
							</a>
							</li>
						</ul>

						<ul>
							<li><a href="" style="font-size: 0.426667rem;color: #828282;">样式编辑</a></li>
							<li class="clear" onclick="wxbook(this)"><a><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_switch_the_cover_image_icon.png"><strong>切换封面图片</strong>
							</a>
							</li>
							<li class="clear" onclick="editcover()"><a><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_modify_the_cover_icon.png"><strong>修改封面</strong>
							</a>
							</li>
							<li class="clear" onclick="more()"><a><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_more_settings_icon.png"><strong>更多设置</strong>
							</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="list-bot">
					<div class="back clear">
						<div class="edit_share">
							<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_share_icon.png"><a href="">分享好友</a>
						</div>
						<div class="edit_return" onclick="booklist()"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_return_bookshelf_icon.png"><a>返回书架</a></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="main_container">
		<input type="hidden" id="firsttime" value="{$time}">

	</div>
	<!--提示信息-->
	<div class="am-g wst-msg-modal" id="wst-msg-modal">
		<div class="wst-modal-content" id="wst-modal-content"></div>
	</div>
	<div class="footer">
		<div class="radius"></div>
		<div class="footer-img">
			<div class="edit"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_edit_btn_nor.png" style="height:100%;width:100%;"></div>
			<div class="list-img"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/wechat_ book_edit_catalog_icon_nav_nor.png" style="width:1.066667rem;height:1.066667rem;"><a style="display:block;width:100%;height:0.4rem;font-size: 10px;color: #5BC7B8;">目录</a></div>
			<div class="buy" onclick="wxbuy({$goodsId})"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/edit_buy_btn_nor.png" style="height:100%;width:100%;"></div>
		</div>
	</div>
</div>
<input type="hidden" class="wxNumber" value="{$wxNumber}">
<input type="hidden" class="status" value="{$status}">

<script>
	//获取微信号


	var WST = ThinkPHP = window.Think = {
		"ROOT"   : "__ROOT__",
		"APP"    : "__APP__",
		"PUBLIC" : "__PUBLIC__",
		"DEEP"   : "{:C('URL_PATHINFO_DEPR')}",
		"MODEL"  : ["{:C('URL_MODEL')}", "{:C('URL_CASE_INSENSITIVE')}", "{:C('URL_HTML_SUFFIX')}"],
		"VAR"    : ["{:C('VAR_MODULE')}", "{:C('VAR_CONTROLLER')}", "{:C('VAR_ACTION')}"],
		"DOMAIN" : "{:WSTDomain()}",
		"CITY_ID" : "{$currArea['areaId']}",
		"CITY_NAME" : "{$currArea['areaName']}",
		"DEFAULT_IMG": "{:WSTDomain()}/{$CONF['goodsImg']}",
		"MALL_NAME" : "{$CONF['mallName']}",
		"SMS_VERFY"  : "{$CONF['smsVerfy']}",
		"PHONE_VERFY"  : "{$CONF['phoneVerfy']}",
		"IS_LOGIN" :"{$WST_IS_LOGIN}",
		"WST_STYLE" :"{$WST_STYLE}"
	}
	function edit(){
		location.href = WST.U("WebApp/WxBooks/deletelist");
	}
	function recover(){
		location.href = WST.U("WebApp/WxBooks/recoverlist");
	}
	function add(){
		location.href = WST.U("WebApp/WxBooks/addlist");
	}
	function choose(){
		location.href = WST.U("WebApp/WxBooks/chooselist");
	}
	function editcover(){
		location.href = WST.U("WebApp/WxBooks/editcoverlist");
	}
	function wxbook(params){
		location.href = WST.U("WebApp/WxBooks/wxbook");
	}
	function more(){
		location.href = WST.U("WebApp/WxBooks/recoveralist");
	}
	function booklist(){
		location.href = WST.U("WebApp/Index/index");
	}
	function wxbuy(goodsId){
		location.href = WST.U("WebApp/Orders/buylist",'goodsId='+goodsId);
	}
	function backcover(){
		location.href = WST.U("WebApp/WxBooks/backcover");
	}



</script>
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/createPage.js"></script>
<script>
	$(function(){
	var ym=$('#firsttime').val();
	printYMcontent(ym);
//	alert(ym)
})
</script>
<script>
	$('.month').click(function(){
		var ym=$(this).attr('id');
		printYMcontent(ym);
	})

	$(".list_time").click(function(ev){
		ev.preventDefault();
		$(this).hide();
	})
	$(".list_top").click(function(ev){
		ev.stopPropagation();
	})

	$(".center_container").click(function(ev){
		$(this).hide();
	})
	$(".list_container").click(function(ev){
		ev.stopPropagation();
	})

</script>
<script src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jaliswall.js" type="text/javascript"></script>
<script src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/list.js" type="text/javascript"></script>
<include file="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/common_js.html" />
<script src="http://www.youyiku-yishu.cn/Public/js/think.js"></script>
</body>
</html>